<template>
  <h1>Icon</h1>
  <h3>动态使用elementPlus - icon</h3>
  <div class="main-content">
    参考项目App.vue文件
    <div class="code-text">{{ str }}</div>
  </div>
</template>

<script setup lang="ts">
const str: string = '<el-icon><component :is="声明的icon变量" /></el-icon>';
</script>

<style scoped>
h3 {
  color: #444;
  padding: 10px 0;
}
.main-content {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #dddfe6;
  border-radius: 5px;
  .code-text {
    padding: 10px;
    color: rosybrown;
  }
}
</style>
